<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="style.css">
    <title>样片大宴</title>
</head>
<body>
    <!-- 头部部分 -->
    <div class="header">
        <div class="header-c">
            <a href="" class="logo"></a>
            <ul class="nav">
                <li class="nav-item">
                    <a href="../../index.html" target="_blank">首&nbsp;&nbsp;页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="../product/index.html" target="_blank">样品大宴</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="../price/index.html" target="_blank">当季优惠</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="../city/index.html" target="_blank">旅拍城市</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="../about/index.html" target="_blank">关于我们</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item mr0">
                    <a href="../contact/index.html" target="_blank">联系我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 广告部分 -->
    <div class="banner">
        <div class="banner-c">
            <div class="content">
                <div class="en">
                    <img src="镜界.png" alt="">
                    <p class="desc1">MODELS</p>
                    <p class="desc2">OUR CULTURE</p>
                </div>
                <div class="cn">
                    <p class="desc3">作品展示</p>
                    <p class="desc4">STORE</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main">
        <div class="main-c">
            <div class="title">
                <div class="en">Product</div>
                <p>作品目录</p>
            </div>
            <div class="list">
                <!--for针对id-->
                <label for="front" class="item">全部 </label>
                <label for="back" class="item">冷艳大气</label>
                <label for="left" class="item">高贵典雅</label>
                <label for="right" class="item">复古时尚</label>
                <label for="top" class="item">可爱活泼</label>
                <label for="bottom" class="item">个性独特</label>
                <label for="big" class="item">颓废忧伤</label>
                <label for="small" class="item">甜蜜乖巧</label>
            </div>
            <ul class="pic">
                <li class="nav">
                    <a href="">
                        <img src="yangping1.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping2.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping3.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping4.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping5.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping6.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping7.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping8.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping9.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping10.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping11.jpg" alt="">
                    </a>
                </li>
                <li class="nav">
                    <a href="">
                        <img src="yangping12.jpg" alt="">
                    </a>
                </li>
            </ul>
            <div class="list-1">
                <!--for针对id-->
                <label for="front" class="item">1</label>
                <label for="back" class="item">2</label>
                <label for="left" class="item">3</label>
                <label for="right" class="item">4</label>
                <label for="top" class="item">5</label>
                <label for="bottom" class="item">...</label>
                <label for="big" class="item">9</label>
                <label for="small" class="item"> > </label>
            </div>
        </div>>
    </div>


    <!-- 底部部分 -->
    <div class="footer">
        <div class="footer-c">
            <div class="box">
                <div class="desc">
                    <p>郑州镜界摄影服务工作室</p>
                    <div class="photo">
                        <img src="../../img/微博.png" alt="">
                        <img src="../../img/qq.png" alt="">
                        <img src="../../img/微信.png" alt="">
                        <img src="../../img/百度.png" alt="">
                    </div>
                </div>
                <div class="desc">
                    <p>地址：郑州市郑东新区绿地中心6号楼 </p>
                    <p>服务热线：037-7981788</p>
                    <p>邮编：456333</p>
                </div>
                <div class="desc desc-r">
                    <p>手机：18236988754</p>
                    <p>邮箱：912754544@qq.com</p>
                    <p>Q Q：912754544</p>
                </div>
            </div>
        </div>
        <div class="bottom">
            Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号
        </div>
    </div>
</body>
</html>